.metals {
    width: 100%;
    min-width: 1100px;
    .block-row {
        width: 100%;
        .block {
            width: 1100px;
            margin: 0 auto;
            @extend .flex;
            img {
                width: 1100px
            }
            .content {
                width: 100%;
                overflow: hidden;
                color: white;
                .title{
                    text-align: center;
                    font-size: 60px;
                }
                p {
                    text-align: center;
                    font-size: 36px;
                    margin-top: 20px;
                    &.small-text {
                        font-size: 26px;
                    }
                }
            }
            .user-num {
                @extend .flex;
                justify-content: center;
                align-items: center;
                height: 230px;
                span {
                    margin-left: 20px;
                    font-size: 44px;
                }
            }
        }
        &.top {
            background: #f5c107;
            .block {
                height: 620px;
                background: url('../img/metals_t1.jpg') no-repeat;
                background-size: 1100px 100%;
                @extend .flex;
                flex-flow: column;
                justify-content: center;
                align-items: center;
                color: white;
                .title {
                    font-size: 50px;
                }
                p {
                    margin-top: 50px;
                    font-size: 26px;
                    text-align: center;
                    line-height: 50px;
                }
            }
        }
        &.bottom {
            background: #f5c107;
            padding: 100px 0;
        }
        &.margin-top {
            margin-top: 100px;
        }
    }
}
